<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Document</title>
        <script src="../node_modules/react/umd/react.development.js"></script>
        <script src="../node_modules/react-dom/umd/react-dom.development.js"></script>
        <script src="../node_modules/babel-standalone/babel.min.js"></script>
        <script src="../node_modules/prop-types/prop-types.js"></script>
    </head>
    <body>
        <div id="reactDom"></div>
        <script type="text/babel">
            // 状态提升 多个组件需要反映相同的变化数据，提升到他们最近的一个父组件中

            // 多个子组件需要利用到对方状态的情况下 那么这个时候就需要使用到状态提升

            class Com extends React.Component {
                constructor(props) {
                    super(props);
                }
                render() {
                    return <div></div>;
                }
            }

            ReactDOM.render(<Com />, document.getElementById("reactDom"));
        </script>
    </body>
</html>
